<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            height:100px;
            width:100px;
            background-color: red;
            display: none;
        }
    </style>
</head>
<body>
    <button>切换</button>
    <div></div>

    <button id="btn">获取数据</button>
    <script src="jquery.min.js"></script>
    <script>
       $("button").click(function(){
        //    $("div").hide(1000,function(){
        //        alert("隐藏成功");
        //    });

        //    $("div").show(1000);

         //$("div").toggle(1000);
         //$("div").slidetoggle(1000);
       })


    //    $("#btn").click(function(){
    //       //默认是异步
    //       let dataa=null
    //       $.get("data.json",function(data){
    //            dataa=data;
    //       })
    //       console.log(dataa);//null
    //    })


    // $("#btn").click(function(){
    //       $.get("data.json",function(data){
    //         console.log(data);
    //       })
    // })


    $("#btn").click(function(){
          let mydata=null;

          $.ajax({
            type: 'GET',//默认'GET'
            url:"data.json",
            success:function(data){//请求成功
                console.log(data);
                mydata=data;
            },
            error:function(err){//请求失败
                console.log(err)
            },
            async:false//不写默认异步 true
          })

          console.log(mydata);
    })



    </script>
</body>
</html>